// 背景图片
body {
	width: 100vw;
	height: 100vh;
	background: url(../../assets/images/2.jpg) no-repeat;
	background-size: 100% 100%;
}
// 头部链接
header {
	box-sizing: border-box;
	padding-right: 20px;
	width: 100%;
	height: 8%;
	text-align: right;
	line-height: 90px;
	color: #fff;
}
// 注册主体
main {
	margin-top: 15px;
	width: 100%;
	height: 80%;
	// 注册标题
	#title {
		margin-bottom: 30px;
		color: #fff;
		// 下方标语
		p {
			color: #f5f5f5;
		}
	}
	// 第一个注册
	#reBox p:nth-child(1) {
		margin-bottom: 20px;
		width: 100%;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 25px;
		// 电话下拉框
		& select {
			margin-right: 0;
			width: 18%;
			height: 40px;
			text-align: center;
			color: #fff;
			background-color: rgba(0, 0, 0, 0);
			border: 0;
			outline: none;
		}
	}

	// 密码框盒子
	#reBox p:nth-child(3) {
		position: relative;
		// 眼睛字体图标
		#closeEyes1 {
			position: absolute;
			right: 15px;
			top: 8px;
			font-size: 25px;
			color: #fff;
		}
	}

	// 再次输入密码盒子
	#reBox p:nth-child(4) {
		position: relative;
		// 眼睛字体图标
		#closeEyes2 {
			position: absolute;
			right: 15px;
			top: 8px;
			font-size: 25px;
			color: #fff;
		}
	}
	// 验证码图片
	#captchal {
		vertical-align: middle;
	}
	// 注册框
	#reBox input {
		box-sizing: border-box;
		padding-left: 15px;
		margin-bottom: 20px;
		width: 100%;
		height: 40px;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.3);
		border: 0;
		outline: none;
		border-radius: 25px;
		&::placeholder {
			color: #fff;
		}
		// 电话框
		&.tp {
			margin-left: 0;
			padding-left: 10px;
			width: 80%;
			background-color: rgba(0, 0, 0, 0);
			border-radius: 0;
		}
		// 验证码框
		&.verify {
			width: 68%;
		}
	}
	// 注册按钮
	#reBox button {
		margin-bottom: 15px;
		width: 100%;
		height: 40px;
		background-color: rgba(0, 205, 102, 0.5);
		border: 0;
		border-radius: 25px;
	}
	#reBox p:last-child {
		text-align: right;
		color: #fff;
		font-size: 14px;
		.icon-weixin {
			font-size: 20px;
			vertical-align: -2px;
		}
	}
	/* 报错 */
	#error {
		text-align: center;
		color: #d9543d;
		font-size: 14px;
		margin-top: 55px;
	}
}
// 尾部结束语
footer {
	text-align: center;
	color: #fff;
}
